<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
	<head>
		<title><%=ProConfig.PROJECT_NAME %></title>
		<%@ include file="/WEB-INF/wechat/iot/common/resource_lib.jsp"%>
		<style>
			a, a.link{color:#666;text-decoration:none;font-weight:500;}
			a, a.link:hover{color:#666;}
			h1,h2,h3,h4,h5,h6{font-weight: normal;}
			.login{width:100%;height:100%;background:url(<%=basePath%>/image/wechat/iot/login-bg.png) no-repeat;background-size:cover;position:fixed;z-index:-10;}
			.welcome{width:100%;margin:25% 0;}
			.welcome img{width:100%;}
			.login-inp{margin:0 30px 15px 30px;border:1px solid #fff;border-radius:25px;}
			.login-inp label{width:4em;text-align:center;display:inline-block;color:#fff;}
			.login-inp input{
				padding: 10px 0;
				color:#fff;background-color:transparent;border:none;outline: none;
			}
			.login-inp a{display:block;width:100%;text-align:center;line-height:40px;color:#fff;font-size:16px;letter-spacing:5px;}
			.login-txt{text-align:center;color:#fff;margin-top: 30px; }
			.login-txt a{color:#fff;padding:0 5px;}
			.welcome{
				font-size: 28px;
			    color: #fff;
			    text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="login">
			<div class="welcome">
				<span>公众号免登陆绑定</span>
			</div> 
			<div class="login-form jui-form_submit" data-options=" url:'/wx/user/bind',
												  submit:'.bindbtn',
												  method:'PUT',
												  success:'sunccessReturn' " >
				<input type="hidden" type-name="wx_open_id" value="${open_id}" >
				<div class="login-inp"><label>账户</label>
					<input validate="empty:请输入账户" type-name="name" type="text" placeholder="">
				</div>
				<div class="login-inp"><label>密码</label>
					<input validate="empty:请输入密码" type-name="password" type="password" placeholder="">
				</div>
				<div class="login-inp" id="login" >
					<a href="javascript:;" class="bindbtn" >立即绑定</a>
				</div>
				<div class="login-txt">
					<a href="<%=basePath%>/">账户登录</a>  &nbsp;&nbsp;|&nbsp;&nbsp;
					<a href="<%=basePath%>/service/wiot/register">注册账户</a></div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		$(function(){
			iosInitForm(".login-inp input");
		})
		function sunccessReturn(data){
			if(isOK(data)){
				forward('/wiot/scene');				
			}else{
				if(data.status == 5){
					$.toptip("请在微信公众号中打开此页面", 'error');
				}else{
					$.toptip(data.statusMsg, 'error');
				}
			}
		}
	</script>
</html>